
@import '../../css/theme.styl' 

.nav
    width: 100%;
    position relative
    .mobile-menu
        position relative;
        .public-menu
            display: none;
            background: white !important;
            border : 1px solid $themecolor;
            .menu-item
                .item-title
                    color: #333 !important;
                .menu-right
                    top:-21px;
                    left 235px;
                    height 462px;
                    box-shadow: none !important;



.public-nav
    .public-nav-list
        .nav-item-all
            display: inline-block !important;
            .nav-item-all-content
                
                position: absolute;
            &:hover .nav-item-all-content
                display block;
                    

.mobile-banner
    width: 100%;
    .mobile-banner-item
        width: 100%;
        height 620px;

.mobile-main
    width: 100%;
    background: $themegray
    .mobile-main-title
        .title
            line-height: 64px;
            margin: 0;
            padding-top: 4px;
            color: #333;
            font-size: 24px;
            font-weight: 400;

    

.product-item-hover-animation
    transition: all .3s ease;
    &:hover
        box-shadow: 1px 20px 20px rgba(0,0,0,.1);
        top -5px;
